{% extends "base.html" %}

{% block content %}
<div class="jumbotron bg-light py-5 mb-4">
    <div class="container">
        <h1 class="display-4">红楼梦数据分析平台</h1>
        <p class="lead">基于数据科学和可视化技术，深入分析《红楼梦》这部中国古典文学巨著</p>
        <hr class="my-4">
        <p>通过人物关系网络、词频统计、主题演化和情感分析等多种维度，揭示《红楼梦》中隐藏的文学密码</p>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">人物关系分析</h5>
                <p class="card-text">通过构建人物共现网络，可视化展现《红楼梦》中复杂的人物关系</p>
                <a href="/character_network" class="btn btn-danger">查看详情</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">词频统计</h5>
                <p class="card-text">统计《红楼梦》中的高频词汇，分析文本重点内容</p>
                <a href="/word_frequency" class="btn btn-danger">查看详情</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">主题演化分析</h5>
                <p class="card-text">分析《红楼梦》各主题在不同章节的发展变化趋势</p>
                <a href="/topic_evolution" class="btn btn-danger">查看详情</a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">情感分析</h5>
                <p class="card-text">通过情感词典分析《红楼梦》中的积极与消极情感分布</p>
                <a href="/sentiment_analysis" class="btn btn-danger">查看详情</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">智能问答</h5>
                <p class="card-text">基于阿里云百炼大模型，提供关于《红楼梦》的智能问答服务</p>
                <a href="/qa" class="btn btn-danger disabled">即将上线</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">文本生成</h5>
                <p class="card-text">基于大模型的文本生成能力，创作红楼梦风格的文本</p>
                <a href="/generation" class="btn btn-danger disabled">即将上线</a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-5">
    <div class="col-12">
        <h3>关于《红楼梦》</h3>
        <p>《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说，又名《石头记》《金玉缘》。小说以贾、史、王、薛四大家族的兴衰为背景，以贾宝玉、林黛玉、薛宝钗的爱情婚姻悲剧为主线，刻画了多姿多彩的世态人情，揭示了专制社会末期的种种黑暗和罪恶，以及走向崩溃的必然趋势。</p>
    </div>
</div>
{% endblock %}